;(function($){
   function cloneLi(ele){
    return ele.clone(true)
   }
   function settUlwidth(ul){
    ul.css('width',ul.children().length*ul.children().eq(0).width())
   }
   $(function(){
    var timer=null;
    var ys=true;
    var $ul=$('.tab')
    console.log($ul)
    var $li=$ul.children().eq(0);
    var $LI_WIDTH=$li.width()
    $ul.append(cloneLi($li));
    settUlwidth($ul)
    var $LI_LENGTH=$ul.children().length;
    var index=0;
    function change(i){
      if(i===$LI_LENGTH-1){
        i=0
      }
      $('.dian li').removeClass('order').eq(i).addClass('order')
    }
    function dianyong(){
      timer=setInterval(function(){
      // clearInterval(timer)
      if(index===$LI_LENGTH-1){
        index=0
        $ul.stop().css('left',0)
      }
      index++
      change(index)
      $ul.stop().animate({
        left:-index*$LI_WIDTH
      })
    },3000)
    }
     dianyong()
    $('.dian li').on('mouseover',function(){
      // clearInterval(timer)
     $(this).addClass('order').siblings('.order').removeClass('order')
      index=$(this).index()
      $ul.stop().animate({
        left:-index*$LI_WIDTH
      },function(){
        dianyong()
      })
    })
    $('.tabd').on('mouseover',function(){
      clearInterval(timer)
        ys=false;
    })
    $('.tabd').on('mouseout',function(){
      ys=true;
      clearInterval(timer)
      dianyong()
    })
    $('.dian').hover(function(){
      $(this).css({'background':'rgba(181,148,119,0.8)'})
    },function(){
      $(this).css({'background':'rgba(181,148,119,0.2)'})
    })
  })
  $('.dw_m').hover(function(){
    $('.dierceng_m').fadeIn()
  },function(){
    $('.dierceng_m').fadeOut()
  })
  $('.click_m').on('click',function(){
    $('#lianti_m').fadeIn();
    $('.baicing_m').fadeIn()
  })
  $('.x').on('click',function(){
    $('#lianti_m').fadeOut();
    $('.baicOutg_m').fadeIn()
  })
    $('.clik>a').on('click',function(){
      $(this).css({'fontWeight':'700'}).parent().siblings().children().css({'fontWeight':'normal'})
    })
   $('.shouy_zm').click(function(){
    $('.disp_zm').fadeOut()
     $('.disp_zm').eq(0).fadeIn()
   })
   $('.pinp_zm').click(function(){
    $('.disp_zm').fadeOut()
    $('.disp_zm').eq(1).fadeIn()
  })
  $('.guany_zm').click(function(){
    $('.disp_zm').fadeOut()
    $('.disp_zm').eq(2).fadeIn()
  })
}(jQuery));